入门Flutter——初体验

前言

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生应用界面，它是开源的。使用Dart作为开发语言，如果有Java编程经验，Dart语言很好上手。最开始接触的时候，对于它的编码有点抗拒（虽然现在还有点，应该是不熟悉的原因吧），但不用具备移动开发经验的人也可以进行学习与使用。Flutter可加入到现有的Android或者IOS项目中，它还具备热加载。

开始

1. 安装与配置

首先是安装Flutter SDK，下载链接为：Flutter SDK下载链接。

下载完成后，解压到你想存放的位置，例子：D:\Flutter

在国内访问Flutter时可能会受限，所以可在环境变量中增加临时镜像：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意：该镜像可能会改变。

解压完成后，需要配置一下环境变量，在用户变量中的Path变量中添加D:\Flutter\flutter\bin；重启电脑，然后可通过cmd执行flutter doctor命令，有反应则安装和配置成功。

Flutter环境配置好之后，接下来需要配置编辑器，在android studio（3.0+）中安装Flutter插件（在插件那里搜索Flutter），安装并重启后可以发现多了一些关于Flutter的功能栏。

2. run第一个Flutter项目

通过以上的配置，来到这里便可以开始创建Flutter项目了。打开android studio，File->New->New Flutter Application，一直next，需要注意一点就是项目名需要下划线命名，不能出现大写。最后finish，等待Build完成便可以运行了。在build的时候可能会出现一些资源下载失败，原因是app的gradle文件配置的镜像，可通过网上查找换成国内镜像。如果没什么问题，程序run起来会如下图：

3. 了解

项目的主要结构：

项目名

​ -android

​ -ios

​ -lib：存放dart文件

​ …//其他

打开main.dart文件，可以发现里面有两个Widget和一个State类，其中一个继承了StatelessWidget，表示是一个无状态组件，也就是它的属性是不可改变的，都是最终的结果。另一个继承了StatefulWidget，表示是有状态的，说明它持有的状态是会发生改变的，同时需要一个State类来创建会改变状态的一些子Widget。

结语

通过以上内容便可以对Flutter有个了解，它可以编写一份代码给两端使用，节省了开发成本。如果想学习Flutter，可以先快速过一遍Dart语言比较好。这里推荐的学习链接：Flutter中文